<template>
  <div class="hosp_cell">
    <div class="avatar">
      <nuxt-link :to="`/certification/hosp/${info.id}`">
        <li-image
          :src="info.hospitalLogo"
          class="img"
          v-if="info.hospitalLogo"
        />
        <img src="@/assets/images/home/goods.png" class="img" v-else />
      </nuxt-link>
    </div>
    <div class="info_box">
      <div class="title">
        <nuxt-link :to="`/certification/hosp/${info.id}`">{{
          info.hospitalName
        }}</nuxt-link>
      </div>
      <!-- <div class="score_box">
                <div class="score">
                    <el-rate v-model="info.initScore" disabled allow-half></el-rate>
                </div>
                <div class="review">{{ info.commentCnt || 0 }}条评价</div>
            </div> -->
      <div class="address">
        所在位置：{{ info.provinceName }}{{ info.cityName
        }}{{ info.districtName }}{{ info.address }}
      </div>
    </div>
  </div>
</template>
<script>
import { Rate } from "element-ui";
export default {
  name: "CerHosp",
  props: {
    info: {
      type: Object,
      default: function () {
        return {};
      },
    },
    disabled:{
      type:Boolean,
      default:false
    }
  },
  components: {
    [Rate.name]: Rate,
  },
  data() {
    return {};
  },
  methods: {
    // 查看详情
    lookDetail() {
      let o = this.info;
      if(this.disabled){
        return false;
      }
      this.$routerPush("/certification/hospital", { id: o.id });
    },
  },
};
</script>
<style lang="less" scoped>
@import "./cerHosp.less";
</style>